﻿@model DICOM_PROJECT.Models.UserProfileCreateModel
<div id="CreateUserProfileForm" class="form-content large-form">
    <div class="row form-heading">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <h3 class="form-heading-title">New User Profile</h3>
        </div>
    </div>
    <hr />
    <div class="row form-body">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="form-body-content">
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.SocialID)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.TextBoxFor(model => model.SocialID, new { @class = "form-control", @data_bind = "value: SocialID", @placeholder = "User Social ID" })</div>
                </div>
                <div class="row form-row" data-bind="visible: SocialIDException">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 valid-info" data-bind="text: SocialIDException"></div>
                </div>
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.Name)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.TextBoxFor(model => model.Name, new { @class = "form-control", @data_bind = "value: Name", @placeholder = "User Name" })</div>
                </div>
                <div class="row form-row" data-bind="visible: NameException">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 valid-info" data-bind="text: NameException"></div>
                </div>
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.Birthday)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                        <span>Day: </span><select class="form-control form-control-item" data-bind="options: Days, value: SelectedDay, optionsCaption: '...'"></select>
                        <span>Month: </span><select class="form-control form-control-item" data-bind="options: Months, value: SelectedMonth, optionsCaption: '...'"></select>
                        <span>Year: </span><input class="form-control form-control-item" type="text" id="CreateUserProfileYear" data-bind="value: Year" placeholder="Ex: 1990" />
                    </div>
                    @*<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.DropDownList("day", null, new { @class = "form-control", @data_bind = "value: Day" })</div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.DropDownList("month", null, new { @class = "form-control", @data_bind = "value: Month" })</div>
                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.DropDownList("year", null, new { @class = "form-control", @data_bind = "value: Year" })</div>*@
                </div>
                <div class="row form-row" data-bind="visible: BirthdayException">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 valid-info" data-bind="text: BirthdayException"></div>
                </div>
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.Male)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.CheckBoxFor(model => model.Male, new { @data_bind = "checked: Male" })</div>
                </div>
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.Address)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.TextAreaFor(model => model.Address, new { @class = "form-control", @data_bind = "value: Address", @placeholder = "User Address" })</div>
                </div>
                <div class="row form-row" data-bind="visible: AddressException">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 valid-info" data-bind="text: AddressException"></div>
                </div>
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.Phone)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">@Html.TextBoxFor(model => model.Phone, new { @class = "form-control", @data_bind = "value: Phone", @placeholder = "User Phone Number" })</div>
                </div>
                <div class="row form-row" data-bind="visible: PhoneException">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"></div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8 valid-info" data-bind="text: PhoneException"></div>
                </div>
                <div class="row form-row">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">@Html.LabelFor(model => model.UserType)</div>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                        <select class="form-control form-control-block" data-bind="options: UserTypes, value: SelectedUserType"></select>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <hr />
    <div class="row form-footer">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 form-button">
            <div id="create-user-create" class="btn btn-primary">Create</div>
            <div id="create-user-clear" class="btn btn-default">Clear</div>
        </div>
    </div>
    <hr />
</div>